import { brand, contrast, font } from "../variables";
/*

DISCLAIMER:
Do not change this file because it is core styling.
Customizing core files will make updating Atlas much more difficult in the future.
To customize any core styling, copy the part you want to customize to styles/native/app/ so the core styling is overwritten.

==========================================================================
    Text

//== Design Properties
//## Helper classes to change the look and feel of the widget
========================================================================== */
// Text Colors
export const textPrimary = {
    text: {
        color: brand.primary,
    },
};
export const textSuccess = {
    text: {
        color: brand.success,
    },
};
export const textWarning = {
    text: {
        color: brand.warning,
    },
};
export const textDanger = {
    text: {
        color: brand.danger,
    },
};
export const textWhite = {
    text: {
        color: "#FFF",
    },
};
//
export const textContrastLowest = {
    text: {
        color: contrast.lowest,
    },
};
export const textContrastLower = {
    text: {
        color: contrast.lower,
    },
};
export const textContrastLow = {
    text: {
        color: contrast.low,
    },
};
export const textContrastDefault = {
    text: {
        color: contrast.regular,
    },
};
export const textContrastHigh = {
    text: {
        color: contrast.high,
    },
};
export const textContrastHigher = {
    text: {
        color: contrast.higher,
    },
};
export const textContrastHighest = {
    text: {
        color: contrast.highest,
    },
};
//
// Text Alignment
export const textLeft = {
    text: {
        textAlign: "left",
    },
};
export const textCenter = {
    text: {
        textAlign: "center",
    },
};
export const textRight = {
    text: {
        textAlign: "right",
    },
};
//
// Text Weights
export const textLight = {
    text: {
        fontWeight: font.weightLight,
    },
};
export const textNormal = {
    text: {
        fontWeight: font.weightNormal,
    },
};
export const textSemiBold = {
    text: {
        fontWeight: font.weightSemiBold,
    },
};
export const textBold = {
    text: {
        fontWeight: font.weightBold,
    },
};
//
// Text Sizes
export const textSmall = {
    text: {
        fontSize: font.sizeSmall,
        lineHeight: font.sizeSmall + 2,
    },
};
export const textLarge = {
    text: {
        fontSize: font.sizeLarge,
        lineHeight: font.sizeLarge + 2,
    },
};
//
//== Extra Classes
//## Helper classes to change the look and feel of the widget
//-------------------------------------------------------------------------------------------------------------------//
//
// Text Transformations
export const textLowercase = {
    text: {
        textTransform: "lowercase",
    },
};
export const textUppercase = {
    text: {
        textTransform: "uppercase",
    },
};
export const textCapitalize = {
    text: {
        textTransform: "capitalize",
    },
};
